<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>若依介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="row border-bottom white-bg dashboard-header">
        <div class="col-sm-12  text-center">
            <span>
            <h1><strong>数据可视化看板</strong></h1>
            <small>各行业数据可视化大屏设计、数字座舱、数字看板，应用于智慧城市、智慧交通、智慧物联、智慧物流、智慧医疗、智慧运维、智慧运营、智慧政务等等，欢迎咨询！</small>
            <br>
            <br>

            <br>
                </span>
        </div>

    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-4">

                <div class="ibox float-e-margins">

					<img th:src="@{/img/visual/1.jpg}" width="100%" height="300" >
					<div class="ibox-title text-center">
                        <span><h3><strong>购物中心客流量看板</strong></h3></span>

					</div>
                </div>
            </div>
            <div class="col-sm-4">

                <div class="ibox float-e-margins">

                    <img th:src="@{/img/visual/2.jpg}" width="100%" height="300" >
                    <div class="ibox-title text-center">
                        <span><h3><strong>车联网监控平台</strong></h3></span>

                    </div>
                </div>
            </div>
            <div class="col-sm-4">

                <div class="ibox float-e-margins">

                    <img th:src="@{/img/visual/3.jpg}" width="100%"  height="300" >
                    <div class="ibox-title text-center">
                        <span><h3><strong>生意参谋大数据可视化平台</strong></h3></span>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">

                <div class="ibox float-e-margins">

                    <img th:src="@{/img/visual/4.jpg}" width="100%"  height="300" >
                    <div class="ibox-title text-center">
                        <span><h3><strong>物联网监控平台</strong></h3></span>

                    </div>
                </div>
            </div>
            <div class="col-sm-4">

                <div class="ibox float-e-margins">

                    <img th:src="@{/img/visual/5.jpg}" width="100%"  height="300" >
                    <div class="ibox-title text-center">
                        <span><h3><strong>智慧物流服务平台</strong></h3></span>

                    </div>
                </div>
            </div>
            <div class="col-sm-4">

                <div class="ibox float-e-margins">

                    <img th:src="@{/img/visual/6.jpg}" width="100%"  height="300" >
                    <div class="ibox-title text-center">
                        <span><h3><strong>可视化监控管理平台</strong></h3></span>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', '360px'],
	            content: html
	        });
	    });
    </script>
</body>
</html>
